<!DOCTYPE html>
<html lang="en" xmlns="">
<head>
    <meta charset="UTF-8">
    <title>秒杀页面</title>
    <link rel="stylesheet" href="../css/generalMerchandise.css">
    <link rel="stylesheet" href="../css/seckill_home.css">

</head>

<body>

<!--最上面的导航-->
<div class="shortcut-2014">
    <div class="w">
        <ul class="fr">
            <li class="fore1" id="ttbar-login">
                <a href="${pageContext.request.contextPath}/" class="link-login">你好，请登录</a>
                &nbsp;&nbsp;
                <a href="${pageContext.request.contextPath}/" class="link-regist style-red">免费注册</a>
            </li>
            <!--<li class="spacer"></li>-->
            <li class="fore2">
                <div class="dt">
                    <a href="${pageContext.request.contextPath}/" target="_blank">我的订单</a>
                </div>
            </li>
        </ul>
    </div>
</div>

<!--主体部分 -- 头部导航下面盒子：logo + 搜索 + 购物车 -->
<div class="mod_conatiner"></div>

<!--搜索部分-->
<div class="cms_header" id="cms_header" style="min-height: 100px">
    <div class="w">
        <!--左边部分-->
        <div id="logo-2014">
            <a href="" class="logo">树懒</a>
            <div class="extra">
                <div id="channel">手机</div>
                <!--<div id="categorys_mini">
                    <div class="cw_icon">
                        <h2>
                            <a href="">
                                全部分类
                                <i class="ci_right">
                                    <s>◇</s>
                                </i>
                            </a>
                        </h2>
                    </div>
                    <div class="hover" id="categorys-mini-main">
                        <div class="dd-inner">
                            <div class="item for1">
                                <h3>
                                    <a href="">华为</a>
                                </h3>
                            </div>
                        </div>
                    </div>
                </div>-->
                <div id="xialakuang">
                    <ul class="nav">
                        <li class="first-menu">
                            <a href="">全部分类</a>
                            <ul class="second-nav">
                                <li><a href="">华为</a></li>
                                <li><a href="">小米</a></li>
                                <li><a href="">OPPO</a></li>
                            </ul>
                            <ul class="second-nav">
                                <li><a href="">荣耀</a></li>
                                <li><a href="">红米</a></li>
                                <li><a href="">vivo</a></li>
                            </ul>
                        </li>
                    </ul>
                </div>
            </div>
        </div>

        <!--搜索部分-->
        <div id="search-2014">
            <ul class="hide" id="shelper"></ul>
            <div class="form">
                <input type="text" class="text" id="key">
                <button class="button cw_icon">
                    <i></i>
                    搜索
                </button>
            </div>
        </div>

        <!--右边购物车-->
        <div id="settleup-2014" class="dorpdown">
            <div class="cw_icon">
                <i class="ci-left"></i>
                <i class="ci_right">></i>
                <!--<i class="ci-count" id="shopping-amount">28</i>-->
                <a href="" target="_blank">我的购物车</a>
            </div>
            <!--                        <div class="dorpdown-layer">-->
            <!--                            <div class="spacer"></div>-->
            <!--                            <div class="prompt">-->
            <!--                                <div class="nogoods">-->
            <!--                                    <b></b>-->
            <!--                                    购物车中还没有商品，赶快选购吧！-->
            <!--                                </div>-->
            <!--                            </div>-->
            <!--                        </div>-->
        </div>
        <div id="hotwords"></div>
        <span class="clr"></span>
    </div>
</div>
<div class="skmu J_menu" id="skmu">
    <div class="grid_c1">

        <div class="skmu_list">
            <ul class="skmu_list_cnt">
                <li class="skmu_list_item skmu_list_item_on"><a href="" title="树懒秒杀">树懒秒杀</a></li>
                <li class="skmu_list_item "><a href="" title="品类秒杀">品类秒杀</a></li>
            </ul>
        </div>
    </div>
</div>


<div class="seckill_container">
    <div class="seckill_container_bg"></div>
    <div class="skhd" id="skhd" data-id="skhd" data-tpl="seckillheader_tpl">
        <div class="skhd_wrap">
            <div class="grid_c1">
                <h3 class="skhd_tit"></h3>
            </div>
            <div class="skhd_bg"></div>
        </div>
    </div>
    <div class="skwrap">

        <div class="timeline" id="timeline">
            <div class="grid_c1">
                <nav id="na">
                    <ul class="timeline_list">
                        <li class="timeline_item time_item_selected">
                            <a class="time_item_link">
                                <div class="time_item_link_skew">

                                    <div class="timeline_item_link_skew_processwrap">
                                        <i class="timeline_item_link_skew_processtips">距结束</i>

                                        <div id="app">
                                            <p><span id="now1"></span><span id="now2"></span></p>
                                            <h1 id="time"></h1>
                                        </div>
                                        <script>

                                            function countDown()
                                            {
                                                var d1 = new Date();//当前日期
                                                var d2=new Date(2122,0,1);

                                                var time1 =d1.getTime();
                                                var time2 =d2.getTime();


                                                var dis =(time2-time1)/1000;


                                                var leftHour=dis/(60*60)%24;
                                                leftHour =Math.floor(leftHour);


                                                var leftM=dis/60%60;
                                                leftM =Math.floor(leftM);


                                                var leftS=dis%60;
                                                leftS =Math.floor(leftS);

                                                var now1=document.getElementById("now1");
                                                var now2=document.getElementById("now2");
                                                var time=document.getElementById("time");


                                                time.innerHTML=leftHour+":"+leftM+":"+leftS;


                                            }

                                            setInterval(countDown,1000);

                                        </script>
                                    </div>
                                </div>
                            </a>
                        </li>
                        <li class="timeline_item ">
                            <a class="timeline_item_link" href="javascript:void(0)" data-inprogress="false"
                               data-gid="29"
                               hidefocus="true" clstag="channel|keycount|1418|TIMELINE_1">
                                <div class="timeline_item_link_skew">
                                    <div class="timeline_item_link_skew_timewrap">
                                        <i class="timeline_item_link_skew_time">16:00</i>
                                    </div>
                                    <div class="timeline_item_link_skew_processwrap">
                                        <i class="timeline_item_link_skew_processtips">即将开始</i>
                                    </div>

                                </div>
                            </a>
                        </li>
                        <li class="timeline_item ">
                            <a class="timeline_item_link" href="javascript:void(0)" data-inprogress="false"
                               data-gid="42"
                               hidefocus="true" clstag="channel|keycount|1418|TIMELINE_2">
                                <div class="timeline_item_link_skew">
                                    <div class="timeline_item_link_skew_timewrap">
                                        <i class="timeline_item_link_skew_time">18:00</i>
                                    </div>
                                    <div class="timeline_item_link_skew_processwrap">
                                        <i class="timeline_item_link_skew_processtips">即将开始</i>
                                    </div>

                                </div>
                            </a>
                        </li>
                        <li class="timeline_item ">
                            <a class="timeline_item_link" href="javascript:void(0)" data-inprogress="false"
                               data-gid="30"
                               hidefocus="true" clstag="channel|keycount|1418|TIMELINE_3">
                                <div class="timeline_item_link_skew">
                                    <div class="timeline_item_link_skew_timewrap">
                                        <i class="timeline_item_link_skew_time">20:00</i>
                                    </div>
                                    <div class="timeline_item_link_skew_processwrap">
                                        <i class="timeline_item_link_skew_processtips">即将开始</i>
                                    </div>

                                </div>
                            </a>
                        </li>
                        <li class="timeline_item">
                            <a class="timeline_item_link" href="javascript:void(0)" data-inprogress="false"
                               data-gid="44"
                               hidefocus="true" clstag="channel|keycount|1418|TIMELINE_4"
                               style="cursor: pointer;">
                                <div class="timeline_item_link_skew">
                                    <div class="timeline_item_link_skew_timewrap">
                                        <i class="timeline_item_link_skew_time">22:00</i>
                                    </div>
                                    <div class="timeline_item_link_skew_processwrap">
                                        <i class="timeline_item_link_skew_processtips">即将开始</i>
                                    </div>

                                </div>
                            </a>
                        </li>
                    </ul>
                </nav>
            </div>
        </div>
        <div class="spsk" id="super_seckill">
            <!--商品列表-->
            <!--秒杀单品-->
            <div class="grid_c1">
                <div id="container">
                    <ul class="seckill_mod_goodslist">
                        <li class="seckill_mod_goods">
                            <a href="" target="_blank" class="seckill_mod_goods_link">
                                <img class="seckill_mod_goods_link_img" src="../images/OPPOA35.jpg">
                                <p class="seckill_mod_goods_title">OPPO A35 4GB+64GB 雾海蓝</p>
                                <p class="seckill_mod_goods_desc"> 领劵再减100元</p>
                            </a>
                            <div class="seckill_mod_goods_info">
                    <span class="seckill_mod_goods_info_txt">
                        <span class="seckill_mod_goods_price">
                            <i class="seckill_mod_goods_price_now"><em>¥</em>969</i>
                            <span class="seckill_mod_goods_price_pre">¥<del>999</del></span>
                        </span>
                           <span class="seckill_mod_goods_progress">
                           <i class="seckill_mod_goods_progress_txt">已售20%</i>
                                <b class="seckill_mod_goods_progress_completed" style="width:39%"></b>
                               </i>
                           </span>
                    </span>
                                <a href="" target="_blank"
                                   clstag="channel|keycount|1418|SK_addCart_0" class="seckill_mod_goods_info_i">立即抢购
                                </a>
                            </div>
                        </li>
                        <li class="seckill_mod_goods">
                            <a href="" target="_blank" class="seckill_mod_goods_link">
                                <img class="seckill_mod_goods_link_img" src="../images/OPPOA93.jpg">
                                <p class="seckill_mod_goods_title">OPPO A93 8+128GB 雅银 骁龙双模5G</p>
                                <p class="seckill_mod_goods_desc"> 领劵再减200元</p>
                            </a>
                            <div class="seckill_mod_goods_info">
                    <span class="seckill_mod_goods_info_txt">
                        <span class="seckill_mod_goods_price">
                            <i class="seckill_mod_goods_price_now"><em>¥</em>1749</i>
                            <span class="seckill_mod_goods_price_pre">¥<del>1799</del></span>
                        </span>
                           <span class="seckill_mod_goods_progress">
                           <i class="seckill_mod_goods_progress_txt">已售25%</i>
                               <b class="seckill_mod_goods_progress_completed" style="width:39%"></b>
                               </i>
                           </span>
                    </span>
                                <a href="" target="_blank"
                                   clstag="channel|keycount|1418|SK_addCart_0" class="seckill_mod_goods_info_i">立即抢购
                                </a>
                            </div>
                        </li>
                        <li class="seckill_mod_goods">
                            <a href="" target="_blank" class="seckill_mod_goods_link">
                                <img class="seckill_mod_goods_link_img" src="../images/vivo%20iQOO.jpg">
                                <p class="seckill_mod_goods_title">vivo iQOO Neo5 12+256GB</p>
                                <p class="seckill_mod_goods_desc"> 双模5G</p>
                            </a>
                            <div class="seckill_mod_goods_info">
                    <span class="seckill_mod_goods_info_txt">
                        <span class="seckill_mod_goods_price">
                            <i class="seckill_mod_goods_price_now"><em>¥</em>2849</i>
                            <span class="seckill_mod_goods_price_pre">¥<del>2999</del></span>
                        </span>
                           <span class="seckill_mod_goods_progress">
                           <i class="seckill_mod_goods_progress_txt">已售28%</i>
                                <b class="seckill_mod_goods_progress_completed" style="width:39%"></b>
                               </i>
                           </span>
                    </span>
                                <a href="" target="_blank"
                                   clstag="channel|keycount|1418|SK_addCart_0" class="seckill_mod_goods_info_i">立即抢购
                                </a>
                            </div>
                        </li>
                        <li class="seckill_mod_goods">
                            <a href="" target="_blank" class="seckill_mod_goods_link">
                                <img class="seckill_mod_goods_link_img" src="../images/红米Note10.jpg">
                                <p class="seckill_mod_goods_title">红米Note10 星云灰 6G+128G</p>
                                <p class="seckill_mod_goods_desc"> 赠钢化膜+音乐耳机</p>
                            </a>
                            <div class="seckill_mod_goods_info">
                    <span class="seckill_mod_goods_info_txt">
                        <span class="seckill_mod_goods_price">
                            <i class="seckill_mod_goods_price_now"><em>¥</em>1219</i>
                            <span class="seckill_mod_goods_price_pre">¥<del>1399</del></span>
                        </span>
                           <span class="seckill_mod_goods_progress">
                           <i class="seckill_mod_goods_progress_txt">已售28%</i>
                                <b class="seckill_mod_goods_progress_completed" style="width:39%"></b>
                               </i>
                           </span>
                    </span>
                                <a href="" target="_blank"
                                   clstag="channel|keycount|1418|SK_addCart_0" class="seckill_mod_goods_info_i">立即抢购
                                </a>
                            </div>
                        </li>
                        <li class="seckill_mod_goods">
                            <a href="" target="_blank" class="seckill_mod_goods_link">
                                <img class="seckill_mod_goods_link_img" src="../images/华为畅享20.jpg">
                                <p class="seckill_mod_goods_title">华为畅享20SE手机 8+128G</p>
                                <p class="seckill_mod_goods_desc"> 至高12期免息</p>
                            </a>
                            <div class="seckill_mod_goods_info">
                    <span class="seckill_mod_goods_info_txt">
                        <span class="seckill_mod_goods_price">
                            <i class="seckill_mod_goods_price_now"><em>¥</em>1568</i>
                            <span class="seckill_mod_goods_price_pre">¥<del>2499</del></span>
                        </span>
                           <span class="seckill_mod_goods_progress">
                           <i class="seckill_mod_goods_progress_txt">已售28%</i>
                                <b class="seckill_mod_goods_progress_completed" style="width:39%"></b>
                               </i>
                           </span>
                    </span>
                                <a href="${pageContext.request.contextPath}/" target="_blank"
                                   clstag="channel|keycount|1418|SK_addCart_0" class="seckill_mod_goods_info_i">立即抢购
                                </a>
                            </div>
                        </li>
                        <li class="seckill_mod_goods">
                            <a href="${pageContext.request.contextPath}/" target="_blank" class="seckill_mod_goods_link">
                                <img class="seckill_mod_goods_link_img" src="../images/荣耀50.jpg">
                                <p class="seckill_mod_goods_title">荣耀50 8GB+128G 荣耀密码</p>
                                <p class="seckill_mod_goods_desc">首次优惠30元</p>
                            </a>
                            <div class="seckill_mod_goods_info">
                    <span class="seckill_mod_goods_info_txt">
                        <span class="seckill_mod_goods_price">
                            <i class="seckill_mod_goods_price_now"><em>¥</em>2669</i>
                            <span class="seckill_mod_goods_price_pre">¥<del>2699</del></span>
                        </span>
                           <span class="seckill_mod_goods_progress">
                           <i class="seckill_mod_goods_progress_txt">限时秒杀 抢先提醒</i>

                                <b class="seckill_mod_goods_progress_completed" style="width:39%"></b>
                               </i>
                           </span>
                    </span>
                                <a href="${pageContext.request.contextPath}/" target="_blank"
                                   clstag="channel|keycount|1418|SK_addCart_0" class="seckill_mod_goods_info_i">即将开始
                                </a>
                            </div>
                        </li>
                        <li class="seckill_mod_goods">
                            <a href="${pageContext.request.contextPath}/" target="_blank" class="seckill_mod_goods_link">
                                <img class="seckill_mod_goods_link_img" src="../images/小米MIX4.jpg">
                                <p class="seckill_mod_goods_title">小米 MIX4 陶瓷黑12GB+256GB</p>
                                <p class="seckill_mod_goods_desc"> 晓龙888+处理器</p>
                            </a>
                            <div class="seckill_mod_goods_info">
                    <span class="seckill_mod_goods_info_txt">
                        <span class="seckill_mod_goods_price">
                            <i class="seckill_mod_goods_price_now"><em>¥</em>5699</i>
                            <span class="seckill_mod_goods_price_pre">¥<del>6999</del></span>
                        </span>
                           <span class="seckill_mod_goods_progress">
                           <i class="seckill_mod_goods_progress_txt">限时秒杀 抢先提醒</i>
                           </span>
                    </span>
                                <a href="${pageContext.request.contextPath}/" target="_blank"
                                   clstag="channel|keycount|1418|SK_addCart_0" class="seckill_mod_goods_info_i">即将开始
                                </a>
                            </div>
                        </li>
                        <li class="seckill_mod_goods">
                            <a href="${pageContext.request.contextPath}/" target="_blank" class="seckill_mod_goods_link">
                                <img class="seckill_mod_goods_link_img" src="../images/vivo%20X60.jpg">
                                <p class="seckill_mod_goods_title">vivo X60 12G+256G 原力 5G手机</p>
                                <p class="seckill_mod_goods_desc">限量450部</p>
                            </a>
                            <div class="seckill_mod_goods_info">
                    <span class="seckill_mod_goods_info_txt">
                        <span class="seckill_mod_goods_price">
                            <i class="seckill_mod_goods_price_now"><em>¥</em>3469</i>
                            <span class="seckill_mod_goods_price_pre">¥<del>3499</del></span>
                        </span>
                           <span class="seckill_mod_goods_progress">
                           <i class="seckill_mod_goods_progress_txt">450部抢光啦</i>
                                <b class="seckill_mod_goods_progress_completed" style="width:39%"></b>
                               </i>
                           </span>
                    </span>
                                <a href="${pageContext.request.contextPath}/" target="_blank"
                                   clstag="channel|keycount|1418|SK_addCart_0" class="seckill_mod_goods_info_i">已抢完
                                </a>
                            </div>
                        </li>


                        <li class="brand_fullcut_item">
                            <a href="${pageContext.request.contextPath}/" class="brand_fullcut_item_lk"></a>
                            <a href="${pageContext.request.contextPath}/" class="brand_fullcut_item_btn pos_left">立即抢购</a>
                            <img class="brand_fullcut_item_img" src="../images/1.png">

                        </li>
                        <li class="brand_fullcut_item">
                            <a href="${pageContext.request.contextPath}/" class="brand_fullcut_item_lk"></a>
                            <a href="${pageContext.request.contextPath}/" class="brand_fullcut_item_btn pos_left">立即抢购</a>
                            <img class="brand_fullcut_item_img" src="../images/2.png">

                        </li>
                        <li class="seckill_mod_goods">
                            <a href="${pageContext.request.contextPath}/" target="_blank" class="seckill_mod_goods_link">

                                <img class="seckill_mod_goods_link_img" src="../images/红米K40.jpg">
                                <p class="seckill_mod_goods_title">红米K40游戏增强版12G+128G光刃</p>
                                <p class="seckill_mod_goods_desc"> 6400万主摄</p>
                            </a>
                            <div class="seckill_mod_goods_info">
                    <span class="seckill_mod_goods_info_txt">
                        <span class="seckill_mod_goods_price">
                            <i class="seckill_mod_goods_price_now"><em>¥</em>2063</i>
                            <span class="seckill_mod_goods_price_pre">¥<del>2799</del></span>
                        </span>
                           <span class="seckill_mod_goods_progress">
                           <i class="seckill_mod_goods_progress_txt">已售28%</i>
                                <b class="seckill_mod_goods_progress_completed" style="width:39%"></b>
                               </i>
                           </span>
                    </span>
                                <a href="${pageContext.request.contextPath}/" target="_blank"
                                   clstag="channel|keycount|1418|SK_addCart_0" class="seckill_mod_goods_info_i">立即抢购
                                </a>
                            </div>
                        </li>
                        <li class="seckill_mod_goods">
                            <a href="${pageContext.request.contextPath}/" target="_blank" class="seckill_mod_goods_link">
                                <img class="seckill_mod_goods_link_img" src="../images/华为mate%2040.jpg">
                                <p class="seckill_mod_goods_title">华为mate40e 5G手机 8+128GB</p>
                                <p class="seckill_mod_goods_desc"> 历史最低价</p>
                            </a>
                            <div class="seckill_mod_goods_info">
                    <span class="seckill_mod_goods_info_txt">
                        <span class="seckill_mod_goods_price">
                            <i class="seckill_mod_goods_price_now"><em>¥</em>4989</i>
                            <span class="seckill_mod_goods_price_pre">¥<del>5499</del></span>
                        </span>
                           <span class="seckill_mod_goods_progress">
                           <i class="seckill_mod_goods_progress_txt">限时秒杀 抢先提醒</i>
                                <b class="seckill_mod_goods_progress_completed" style="width:39%"></b>
                               </i>
                           </span>
                    </span>
                                <a href="${pageContext.request.contextPath}/" target="_blank"
                                   clstag="channel|keycount|1418|SK_addCart_0" class="seckill_mod_goods_info_i">即将开始
                                </a>
                            </div>
                        </li>
                        <li class="seckill_mod_goods">
                            <a href="${pageContext.request.contextPath}/" target="_blank" class="seckill_mod_goods_link">
                                <img class="seckill_mod_goods_link_img" src="../images/vivo%20S10.jpg">
                                <p class="seckill_mod_goods_title">vivo S10 5G手机绮光幻彩8G 128G</p>
                                <p class="seckill_mod_goods_desc"> 历史最低价</p>
                            </a>
                            <div class="seckill_mod_goods_info">
                    <span class="seckill_mod_goods_info_txt">
                        <span class="seckill_mod_goods_price">
                            <i class="seckill_mod_goods_price_now"><em>¥</em>2699</i>
                            <span class="seckill_mod_goods_price_pre">¥<del>2899</del></span>
                        </span>
                           <span class="seckill_mod_goods_progress">
                           <i class="seckill_mod_goods_progress_txt">限时秒杀 抢先提醒</i>
                                <b class="seckill_mod_goods_progress_completed" style="width:39%"></b>
                               </i>
                           </span>
                    </span>
                                <a href="${pageContext.request.contextPath}/" target="_blank"
                                   clstag="channel|keycount|1418|SK_addCart_0" class="seckill_mod_goods_info_i">即将开始</a>

                            </div>
                        </li>
                        <li class="seckill_mod_goods">
                            <a href="${pageContext.request.contextPath}/" target="_blank" class="seckill_mod_goods_link">
                                <img class="seckill_mod_goods_link_img" src="../images/OPPO%20Find%20X3.jpg">
                                <p class="seckill_mod_goods_title">OPPO Find X3 Pro 12+256GB 凝白</p>
                                <p class="seckill_mod_goods_desc"> 再享24期免息</p>
                            </a>
                            <div class="seckill_mod_goods_info">
                    <span class="seckill_mod_goods_info_txt">
                        <span class="seckill_mod_goods_price">
                            <i class="seckill_mod_goods_price_now"><em>¥</em>5369</i>
                            <span class="seckill_mod_goods_price_pre">¥<del>5499</del></span>
                        </span>
                           <span class="seckill_mod_goods_progress">
                           <i class="seckill_mod_goods_progress_txt">已售28%</i>
                                <b class="seckill_mod_goods_progress_completed" style="width:39%"></b>
                               </i>
                           </span>
                    </span>
                                <a href="${pageContext.request.contextPath}/" target="_blank"
                                   clstag="channel|keycount|1418|SK_addCart_0" class="seckill_mod_goods_info_i">立即抢购
                                </a>
                            </div>
                        </li>
                        <li class="seckill_mod_goods">
                            <a href="${pageContext.request.contextPath}/" target="_blank" class="seckill_mod_goods_link">
                                <img class="seckill_mod_goods_link_img" src="../images/三星S21.jpg">
                                <p class="seckill_mod_goods_title">三星 S21 8G+128G 墨影灰</p>
                                <p class="seckill_mod_goods_desc"> 限时优惠1000元</p>
                            </a>
                            <div class="seckill_mod_goods_info">
                    <span class="seckill_mod_goods_info_txt">
                        <span class="seckill_mod_goods_price">
                            <i class="seckill_mod_goods_price_now"><em>¥</em>3999</i>
                            <span class="seckill_mod_goods_price_pre">¥<del>4999</del></span>
                        </span>
                           <span class="seckill_mod_goods_progress">
                           <i class="seckill_mod_goods_progress_txt">已售28%</i>
                                <b class="seckill_mod_goods_progress_completed" style="width:39%"></b>
                               </i>
                           </span>
                    </span>
                                <a href="${pageContext.request.contextPath}/" target="_blank"
                                   clstag="channel|keycount|1418|SK_addCart_0" class="seckill_mod_goods_info_i">立即抢购
                                </a>
                            </div>
                        </li>
                        <li class="seckill_mod_goods">
                            <a href="${pageContext.request.contextPath}/" target="_blank" class="seckill_mod_goods_link">
                                <img class="seckill_mod_goods_link_img" src="../images/魅族18.jpg">
                                <p class="seckill_mod_goods_title">魅族 18 12GB+256GB 踏雪</p>
                                <p class="seckill_mod_goods_desc"> 晓龙888 12期免息</p>
                            </a>
                            <div class="seckill_mod_goods_info">
                    <span class="seckill_mod_goods_info_txt">
                        <span class="seckill_mod_goods_price">
                            <i class="seckill_mod_goods_price_now"><em>¥</em>3999</i>
                            <span class="seckill_mod_goods_price_pre">¥<del>4999</del></span>
                        </span>
                           <span class="seckill_mod_goods_progress">
                           <i class="seckill_mod_goods_progress_txt">已售28%</i>
                                <b class="seckill_mod_goods_progress_completed" style="width:39%"></b>
                               </i>
                           </span>
                    </span>
                                <a href="${pageContext.request.contextPath}/" target="_blank"
                                   clstag="channel|keycount|1418|SK_addCart_0" class="seckill_mod_goods_info_i">立即抢购
                                </a>
                            </div>
                        </li>
                        <li class="seckill_mod_goods">
                            <a href="${pageContext.request.contextPath}/" target="_blank" class="seckill_mod_goods_link">
                                <img class="seckill_mod_goods_link_img" src="../images/iPad.jpg">
                                <p class="seckill_mod_goods_title">iPad Pro 11英寸512GCellular灰</p>
                                <p class="seckill_mod_goods_desc"> 12期免息</p>
                            </a>
                            <div class="seckill_mod_goods_info">
                    <span class="seckill_mod_goods_info_txt">
                        <span class="seckill_mod_goods_price">
                            <i class="seckill_mod_goods_price_now"><em>¥</em>7299</i>
                            <span class="seckill_mod_goods_price_pre">¥<del>7399</del></span>
                        </span>
                           <span class="seckill_mod_goods_progress">
                           <i class="seckill_mod_goods_progress_txt">已售28%</i>
                                <b class="seckill_mod_goods_progress_completed" style="width:39%"></b>
                               </i>
                           </span>
                    </span>
                                <a href="${pageContext.request.contextPath}/" target="_blank"
                                   clstag="channel|keycount|1418|SK_addCart_0" class="seckill_mod_goods_info_i">立即抢购
                                </a>
                            </div>
                        </li>
                        <li class="seckill_mod_goods">
                            <a href="${pageContext.request.contextPath}/" target="_blank" class="seckill_mod_goods_link">
                                <img class="seckill_mod_goods_link_img" src="../images/小米平板.jpg">
                                <p class="seckill_mod_goods_title">小米新品平板5</p>
                                <p class="seckill_mod_goods_desc"> 新品首降100元</p>
                            </a>
                            <div class="seckill_mod_goods_info">
                    <span class="seckill_mod_goods_info_txt">
                        <span class="seckill_mod_goods_price">
                            <i class="seckill_mod_goods_price_now"><em>¥</em>2099</i>
                            <span class="seckill_mod_goods_price_pre">¥<del>2199</del></span>
                        </span>
                           <span class="seckill_mod_goods_progress">
                           <i class="seckill_mod_goods_progress_txt">已售28%</i>
                                <b class="seckill_mod_goods_progress_completed" style="width:39%"></b>
                               </i>
                           </span>
                    </span>
                                <a href="${pageContext.request.contextPath}/" target="_blank"
                                   clstag="channel|keycount|1418|SK_addCart_0" class="seckill_mod_goods_info_i">立即抢购
                                </a>
                            </div>
                        </li>

                    </ul>
                </div>
            </div>

        </div>
        <script>
            window.onload=function () {
                //获取 li 也就是选项卡选项tab
                var na=document.getElementById('na');
                var oNa=na.getElementsByTagName('li');
                //获取 包裹在container里面的section（内容）
                var container=document.getElementById('container');
                var oDiv=container.getElementsByClassName('tab');
                //使用 循环依次得到li
                for(var i=0;i<oNa.length;i++){
                    oNa[i].index=i;
                    //每一次得到li后执行鼠标点击操作则触发函数function
                    oNa[i].onclick=function () {  //此处除了可以使用onclick，还可以使用onmouseover
                        //在li的个数内依次展示内容
                        for(var i=0;i<oNa.length;i++){
                            oNa[i].className='';
                            oDiv[i].style.display="none";
                        }
                        this.className='act';
                        oDiv[this.index].style.display="block"
                    }
                    for(var m=1;m<oNa.length;m++){
                        ona[m].className='';
                        oDiv[m].style.display="none";
                    }
                }
            };
        </script>
    </div>
</div>


<!--下方提示信息-->
<div id="cmsfooter">
    <div id="service-2017">

        <!-- 多快好省 -->
        <div class="w hhzidingyi">
            <ol class="slogen">
                <li class="item ">
                    <i>多</i>
                    品类齐全，轻松购物
                </li>
                <li class="item fore2">
                    <i>多</i>
                    多仓发货，极速配送
                </li>
                <li class="item fore3">
                    <i>好</i>
                    正品行货，精致服务
                </li>
                <li class="item fore4">
                    <i>省</i>
                    天天低价，畅选无忧
                </li>
            </ol>
        </div>

        <!--下面的信息-->
        <div class="shulan-help">
            <div class="w hhzidingyi">
                <div class="tishixinxi">
                    <span class="zititishixinxi">欢迎使用树懒商城，为您提供高质量的服务，是我们商城最高的追求！</span>
                </div>
            </div>
        </div>


    </div>
</div>


</body>
</html>

